<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户详细信息</title>
    <link rel="stylesheet" href="../src/css/bootstrap.min.css">
    <link rel="stylesheet" href="../src/css/font-awesome.min.css">
    <link rel="stylesheet" href="../src/css/style.min.css">
    <script src="../src/js/jquery-3.3.1.min.js"></script>
    <script src="../src/js/bootstrap.min.js"></script>
</head>
<body>
            <section class="content-container">

                <div class="content-wrapper">
                    <div class="bread-crumb">
                        <h5 class="b-inner clearfix">
                            <b class="tit">用户详细信息</b>
                            <span class="float-right">
                                <a href="" class="btn btn-primary">保存</a>
                                <a href="" class="btn btn-secondary">取消</a>
                            </span>
                        </h5>

                    </div>


                    <div class="common-order-title"><b class="o-tit">基本信息</b></div>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>会员头像：</label>
                                <ul class="list-unstyled">
                                    <li class="list-inline-item"><img src="../src/img/avatar.jpg" class="common-avatar"></li>
                                    <li class="list-inline-item">
                                        <div class="common-upload-file">
                                            <i class="add"></i>
                                            <input type="file" class="file">
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>会员昵称：</label>
                                <input type="text" class="form-control" value="小小番茄" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <span class="mr-2">性别：</span>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked>
                                    <label class="form-check-label" for="inlineRadio1">男</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
                                    <label class="form-check-label" for="inlineRadio2">女</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>年龄：</label>
                                <input type="text" class="form-control" value="20" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group form-inline col-9">
                                <label>地区：</label><br />
                                <select class="form-control mr-1">
                                    <option>福建</option>
                                </select>
                                <select class="form-control mr-1">
                                    <option>厦门</option>
                                </select>
                                <select class="form-control mr-1">
                                    <option>思明区</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>出生日期：</label>
                                <input type="text" class="form-control" value="1995-12-05" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>身份证号码：</label>
                                <input type="text" class="form-control" value="350154874512478774" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>手机号：</label>
                                <input type="text" class="form-control" value="15823657894" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>邮箱：</label>
                                <input type="text" class="form-control" value="545121545@qq.com" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>qq：</label>
                                <input type="text" class="form-control" value="1254845" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>微信：</label>
                                <input type="text" class="form-control" value="就回家回家" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>微博：</label>
                                <input type="text" class="form-control" value="限量版小七" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>会员等级：</label>
                                <input type="text" class="form-control" value="v6" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>会员积分：</label>
                                <input type="text" class="form-control" value="200" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>分销ID：</label>
                                <input type="text" class="form-control" value="6564" readonly>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>上级用户：</label>
                                <input type="text" class="form-control" value="558848" readonly>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div class="common-order-title"><b class="o-tit">下级用户</b></div>
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr class="table-secondary">
                                <th></th>
                                <th>序号</th>
                                <th>头像</th>
                                <th>会员ID</th>
                                <th>昵称</th>
                                <th>贡献元宝</th>
                                <th>贡献收益</th>
                                <th>绑定时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <a href=""><i class="fa fa-close"></i> 移除</a>
                                </td>
                                <td>1</td>
                                <td>
                                    <img src="../src/img/avatar.jpg" width="80" alt="">
                                </td>
                                <td>
                                    54512154584
                                </td>
                                <td>
                                    淡淡烟草味
                                </td>
                                <td>
                                    150个
                                </td>
                                <td>
                                    260.00元
                                </td>
                                <td>
                                    2018-08-22 16:00
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href=""><i class="fa fa-close"></i> 移除</a>
                                </td>
                                <td>1</td>
                                <td>
                                    <img src="../src/img/avatar.jpg" width="80" alt="">
                                </td>
                                <td>
                                    54512154584
                                </td>
                                <td>
                                    淡淡烟草味
                                </td>
                                <td>
                                    150个
                                </td>
                                <td>
                                    260.00元
                                </td>
                                <td>
                                    2018-08-22 16:00
                                </td>
                            </tr>

                        </tbody>
                    </table>
                </div>

            </section>
</body>

</html>